<!DOCTYPE html>
<?php
include_once 'php/webfunction/load.php';
include_once 'php/ld/findInDatabase.php';
session_start();
error_reporting(E_ALL ^ E_NOTICE);
$user = $_SESSION['one'];
$load = $_SESSION['two'];
?>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Free Bootstrap Themes by 365Bootstrap dot com - Free Responsive Html5 Templates">

    <title>Design Studio</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- CSS reset -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/animated-logo.min.css">
    <!-- Logo -->
    <link rel="stylesheet" href="css/our-team.css">
    <!-- Resource style -->

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- Js -->
    <script src="js/modernizr.js"></script>
    <!-- Modernizr -->

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="js/html5shiv.js"></script>
        <script src="js/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">
        function alert() {
            var r = confirm("请先登录");
            if (r == true) {
                window.location.href ='login.php';
            }
        }
    </script>
    <script type="text/javascript">
        function logout() {
            var r = confirm("确认注销");
            if (r === true) {
                window.location.href ='index.php';
                <?php session_destroy() ?>
            }
        }
    </script>
</head>

<body>
    <!-- /////////////////////////////////////////Navigation -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">Online Judge</a></div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#page-top">首页</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="twoquestionbank.html">题库</a>
                    </li>
                    <li>

                        <a class="page-scroll" href="#new">等级排名</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">关于我们</a>
                    </li>
                    <li class="hui">
                         <?php
                        if ($load != "1") {
                            ?>
                            <a class="page-scroll" href="login.php">登录</a>
                            <?php
                        } else {
                            ?>
                            <div class="cd-author">
                                <img src="<?php findInDatabase::findImage($user) ?>" alt="Author image">
                                <ul class="cd-author-info">
                                </ul>   
                                <ul>
                                    <li style="font-family : 微软雅黑,宋体;font-size : 1em;color : aliceblue;">
                                        学号：<?php echo $user ?><br>
                                        姓名：<?php findInDatabase::findName($user) ?><br>
                                    </li>
                                    <li><a href="#">二级栏目</a>
                                        <button type="submit" class="btn btn-2 " onclick="logout()">登出</button>
                                    </li>
                                </ul>
                            </div>
                            <?php
                        }
                        ?>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>
    <!-- Navigation -->

    <!-- /////////////////////////////////////////Header -->
    <header id="page-top">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="o-container">
                        <div class="c-slack">
                            <span class="c-slack__dot c-slack__dot--a"></span>
                            <span class="c-slack__dot c-slack__dot--b"></span>
                            <span class="c-slack__dot c-slack__dot--c"></span>
                            <span class="c-slack__dot c-slack__dot--d"></span>
                        </div>
                    </div>
                    <div class="intro-text">
                        <div class="intro-lead-in">Welcome To Online Judge!</div>
                        <div class="intro-heading">Live boldly！ Push yourself！</div>
                    </div>
                    <a class="btn btn-1 btn-sm" href="#services">测评系统</a>
                    <a class="btn btn-1 btn-sm" href="#team">个人中心</a>
                </div>
            </div>
        </div>
    </header>

    <div id="page-content" class="index-page">

        <!-- ////////////Content Box 01 -->
        <section id="services" class="box-content box-1">
            <div class="container">
                <div class="row heading">
                    <div class="col-lg-12">
                        <h2>evaluation system</h2>
                        <hr>
                        <div class="intro">Persistence is the key to success！</div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 box-item">
                        <div class="wrap-img">
                            <img src="images/C.png" />
                        </div>
                        <h3 class="grey">C/C++程序设计</h3>
                        <p>使用C/C++语言完成题目<br> 单类题型测评、综合测评等
                        </p>
                        <?php load::ifLoad("twoC.html") ?>
                    </div>
                    <div class="col-sm-3 box-item">
                        <div class="wrap-img">
                            <img src="images/java.png" />
                        </div>
                        <h3 class="blue">JAVA软件开发</h3>
                        <p>使用JAVA语言完成题目<br> 单类题型测评、综合测评等
                        </p>
                        <?php load::ifLoad("twoC.html") ?>
                    </div>
                    <div class="col-sm-3 box-item">
                        <div class="wrap-img">
                            <img src="images/paiming.png" />
                        </div>
                        <h3 class="red">high ladder</h3>
                        <p>天梯系统<br> 完成规定测试题目
                        </p>
                       <?php load::ifLoad("twoC.html") ?>
                    </div>
                    <div class="col-sm-3 box-item">
                        <div class="wrap-img">
                            <img src="images/Setting.png" />
                        </div>
                        <h3 class="green">Tools</h3>
                        <p>工具和参考资料<br> 提供编程工具和一些参考资料
                        </p>
                        <?php load::ifLoad("twoC.html") ?>
                    </div>
                </div>
            </div>
        </section>

        <!-- ////////////Content Box 02 -->
        <section id="new" class="box-content box-2 box-style">
            <div class="container">
                <div class="row">
                    <blockquote>For a successful technology, reality must take precedence over public relations, for Nature cannot be fooled.</blockquote>
                </div>
            </div>
        </section>

        <!-- ////////////Content Box 03 -->
        <section id="about" class="box-content box-3">
            <div class="container">
                <div class="row heading">
                    <div class="col-lg-12">
                        <h2>About</h2>
                        <hr>
                        <div class="intro">Lorem ipsum dolor sit amet</div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-lg-12">
                        <ul class="timeline">
                            <li class="blue">
                                <div class="timeline-image">
                                    <img class="img-circle img-responsive" src="images/4.jpg" alt="">
                                </div>
                                <div class="timeline-panel">
                                    <div class="timeline-heading">
                                        <h4>2009-2011</h4>
                                        <h4 class="subheading">Our Humble Beginnings</h4>
                                    </div>
                                    <div class="timeline-body">
                                        <p class="text-muted">4</p>
                                    </div>
                                </div>
                            </li>
                            <li class="timeline-inverted red">
                                <div class="timeline-image">
                                    <img class="img-circle img-responsive" src="images/5.jpg" alt="">
                                </div>
                                <div class="timeline-panel">
                                    <div class="timeline-heading">
                                        <h4>March 2011</h4>
                                        <h4 class="subheading">An Agency is Born</h4>
                                    </div>
                                    <div class="timeline-body">
                                        <p class="text-muted">3</p>
                                    </div>
                                </div>
                            </li>
                            <li class="green">
                                <div class="timeline-image">
                                    <img class="img-circle img-responsive" src="images/6.jpg" alt="">
                                </div>
                                <div class="timeline-panel">
                                    <div class="timeline-heading">
                                        <h4>December 2012</h4>
                                        <h4 class="subheading">Transition to Full Service</h4>
                                    </div>
                                    <div class="timeline-body">
                                        <p class="text-muted">2</p>
                                    </div>
                                </div>
                            </li>
                            <li class="timeline-inverted yellow">
                                <div class="timeline-image">
                                    <img class="img-circle img-responsive" src="images/7.jpg" alt="">
                                </div>
                                <div class="timeline-panel">
                                    <div class="timeline-heading">
                                        <h4>July 2014</h4>
                                        <h4 class="subheading">Phase Two Expansion</h4>
                                    </div>
                                    <div class="timeline-body">
                                        <p class="text-muted">1</p>
                                    </div>
                                </div>
                            </li>
                            <li class="timeline-inverted ">
                                <div class="timeline-image">
                                    <h4>Be Part
                                        <br>Of Our
                                        <br>Story!</h4>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <!-- ////////////Content Box 04 -->
        <section id="team" class="box-content box-4 box-style">
            <div class="clearfix">
                <div class="cd-testimonials-wrapper cd-container">
                    <ul class="cd-testimonials">
                        <li>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                            <div class="cd-author">
                                <img src="images/wza.jpg" alt="Author image">
                                <ul class="cd-author-info">
                                    <li>BOSS</li>
                                    <li>魔兽玩的贼6</li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <p>励志语言</p>
                            <div class="cd-author">

                                <ul class="cd-author-info">
                                </ul>
                            </div>
                        </li>
                        <li>
                            <p>励志语言</p>
                            <div class="cd-author">

                                <ul class="cd-author-info">

                                </ul>
                            </div>
                        </li>
                    </ul>
                    <!-- cd-testimonials -->
                </div>
                <!-- cd-testimonials-wrapper -->

                <div class="cd-see-all"><a href="#0" class="btn btn-1">See all</a></div>

                <!-- cd-testimonials-all -->
            </div>
        </section>

        <!-- ////////////Content Box 05 -->
    </div>

    <!-- /////////////////////////////////////////Footer -->
    <footer>
        <div class="copyright">
            <div class="container">
                <div class="row">
                    <div class="col-md-4">
                        <p>测试于2017</p>
                    </div>
                    <div class="col-md-4">
                        <ul class="list-inline">
                            <li><a href="#"><i class="fa fa-twitter"></i></a>
                            </li>
                            <li><a href="#"><i class="fa fa-facebook"></i></a>
                            </li>
                            <li><a href="#"><i class="fa fa-linkedin"></i></a>
                            </li>
                            <li><a href="#"><i class="fa fa-google"></i></a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-md-4">
                        <ul class="list-inline">
                            <li><a href="#">Privacy Policy</a>
                            </li>
                            <li><a href="#">Terms of Use</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer -->


    <!-- jQuery -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/masonry.pkgd.min.js"></script>
    <script src="js/jquery.flexslider-min.js"></script>
    <script src="js/main.js"></script>
    <!-- Resource jQuery -->

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Custom Theme JavaScript -->
    <script src="js/agency.js"></script>

    <!-- Animated Top -->
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/classie.js"></script>
    <script src="js/cbpAnimatedHeader.js"></script>

</body>

</html>
